<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
		<style>
			
		</style>
		<script src="./src/vue.js"></script>
	</head>

	<body>
		<div id="app">
			<button @click.stop="changeMessage">按钮</button>
			<p v-for="item,index in arr">{{item}}</p>
		</div>
		<script>
			// 计划好的对象
			let vm = new Vue({
				el:'#app',
				data: {
					message:'hello,vue',
					arr:[1,2,3]
				},
				methods: {
					changeMessage(){
						// 方法是变异方法，不是原生的
						/*console.log(this.arr.push);
						console.log( Array.prototype.push );*/
						//this.arr.push(10);
						// 不能改变原数组
						//this.arr.concat([1,2,3])
						this.arr.splice(1,1)
					}
				}
			});

			// push()、pop()、shift()、unshift()、splice()、sort()、reverse()  这些方法是可以改变原数组的


		</script>
	</body>
</html>